<template>
    <div>
        <div>这是公用头部</div>
        <hr/>
            <router-view  class="bg" name="header"></router-view>
            <router-view class="bg"></router-view>
            <router-view class="bg" name="footer"></router-view>
        <hr/>
        <div>这是公用底部</div>
    </div>
</template>
<script>
    export default {
        data(){
            return {
            }
        }
    }
</script>
<style scoped>
    .bg{
        height: 100px;
        background-color: skyblue;
    }
</style>